<style lang="less">

</style>

<template>
  <Card shadow style="height: 100%;width: 100%;overflow:hidden">
    <Button>添加</Button>
    <Button>删除</Button>
    <Divider />
    <Table border ref="selection" :columns="columns4" :data="data1"></Table>
    <Divider />
    <Page :total="100" />
  </Card>
</template>

<script>
export default {
  data () {
    return {
      columns4: [
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        {
          title: '网格名称1',
          key: 'name'
        },
        {
          title: '上级单位',
          key: 'age'
        },
        {
          title: '包含村镇',
          key: 'address'
        }
      ],
      data1: [
        {
          name: '网格一',
          age: '沈河区',
          address: '万莲街道',
          date: '2016-10-03'
        },
        {
          name: '网格二',
          age: '沈河区',
          address: '五爱，天桥',
          date: '2016-10-01'
        },
        {
          name: '网格三',
          age: '沈北区',
          address: '泉源社区',
          date: '2016-10-02'
        },
        {
          name: '网格四',
          age: '沈北区',
          address: '东陵',
          date: '2016-10-04'
        }
      ]
    }
  },
  methods: {}
}

</script>

<style>

</style>
